<%-- 
    Document   : modificarSeccion
    Created on : 30-abr-2014, 15:11:26
    Author     : Rafa
--%>
<%@page import="DAO.Constantes"%>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <%@include file="head.html" %> 
        <style>
            /* The CSS */ 

            label {position:relative}
            label:after {
                content:'<>';
                font:35px "Consolas", monospace;
                color:#aaa;
                -webkit-transform:rotate(90deg);
                -moz-transform:rotate(90deg);
                -ms-transform:rotate(90deg);
                transform:rotate(90deg);
                right:8px; top:20%;
                //padding:0 0 2px;
                border-bottom:1px solid #ddd;
                position:absolute;
                pointer-events:none;
            }
        </style>
        <script>
            $(document).ready(function() {
                $("#result").keydown(function(event) {
                    if (event.shiftKey)
                    {
                        event.preventDefault();
                    }

                    if (event.keyCode == 46 || event.keyCode == 8) {
                    }
                    else {
                        if (event.keyCode < 95) {
                            if (event.keyCode < 48 || event.keyCode > 57) {
                                event.preventDefault();
                            }
                        }
                        else {
                            if (event.keyCode < 96 || event.keyCode > 105) {
                                event.preventDefault();
                            }
                        }
                    }
                });

                $("#suma").click(function() {
                    $('#result').val(parseInt($('#result').val()) + 1);
                });
                $("#resta").click(function() {
                    if ($('#result').val() > 0) {
                        $('#result').val(parseInt($('#result').val()) - 1);
                    }
                });
            });
        </script>
    </head>
    <body>
        <!-- Header -->
        <div id="header" class="skel-panels-fixed">

            <div class="top">

                <!-- Logo -->
                <%@include file="perfil.jsp" %>

                <!-- Nav -->
                <nav id="nav">
                    <ul>
                        <li><html:link action="/VistaUsuario/Superuser/irInicio"><span class="fa fa-envelope-o">Control de Mando</span></html:link></li>
                        <li><html:link action="/VistaUsuario/Superuser/irSecciones" styleClass="active"><span class="fa fa-envelope-o">Secciones</span></html:link></li>
                        <li><html:link action="/VistaUsuario/Superuser/irUsuarios"><span class="fa fa-eye">Usuarios</span></html:link></li>
                        <li><html:link action="/VistaUsuario/Superuser/irAutoresSuperuser"><span class="fa fa-check-square">Autores</span></html:link></li>
                        <li><html:link action="/VistaUsuario/Superuser/irRevistas"><span class="fa fa-users">Revista</span></html:link></li>                

                        </ul>
                    </nav>

                </div>

            </div>

            <!-- Main -->
            <div id="main">
                <section id="modificacionSeccion" class="one">
                    <header>
                        <h2 class="alt">Modificar Seccion</h2>
                    </header>
                    <div class="container" style="text-align: left">
                        <!-- Error --> 
                        <p><bean:write name="ModificarSeccionActionForm" property="error" filter="false"/></p>
                    <html:form action="/VistaUsuario/Superuser/modificarSeccion">                        
                        <p>Activada: <html:radio name="ModificarSeccionActionForm" property="estadoSeccion" value="<%=Constantes.getSECCION_ACTIVADA()%>"/>
                            Desactivada: <html:radio name="ModificarSeccionActionForm" property="estadoSeccion" value="<%=Constantes.getSECCION_DESACTIVADA()%>"/></p>

                        <p style="margin-top: 5%">Nombre: <html:text name="ModificarSeccionActionForm" property="nombre"/> </p>
                        <p>Articulos Maximos: <html:text name="ModificarSeccionActionForm" property="numMaxArticulos" style="width: 5%; text-align: center" styleId="result" readonly="true"/> 
                            <button type="button" id="suma">+</button>
                            <button type="button" id="resta">-</button>
                        </p>
                        <p>Descripcion: <html:textarea name="ModificarSeccionActionForm" property="descripcion" rows="5" style="width: 60%; left: 20%; resize:none;" /></p>
                        <!-- Se coge la lista y se recorre y se va comprobando si tiene secciones asignadas -->
                        <p>
                            Responsable de Seccion *:                        
                            <label>
                                <html:select name="ModificarSeccionActionForm" property="idResponsableSeccion">
                                    <html:optionsCollection name="ModificarSeccionActionForm" property="listaTodosUsuarios" label="persona" value="idUsuario"/>                                                                    
                                </html:select>
                            </label>
                        </p>

                        <p>
                            Responsable de Maquetacion *:                        
                            <label>
                                <html:select name="ModificarSeccionActionForm" property="idResponsableMaquetacion">                                    
                                    <html:optionsCollection name="ModificarSeccionActionForm" property="listaTodosUsuarios" label="persona" value="idUsuario"/>                                                                    
                                </html:select>
                            </label>
                        </p>

                        <html:hidden name="ModificarSeccionActionForm" property="update" value="Si"/>
                        <html:hidden name="ModificarSeccionActionForm" property="idSeccion"/>
                        <p><html:submit value="Aceptar">Aceptar</html:submit> 
                            <html:cancel value="Cancelar">Cancelar</html:cancel></p>

                    </html:form>

                </div>
            </section>
        </div>
    </body>
</html>
